<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
</head>
<body>
    <div class="container">
    	<div class="row">
			<div class="span3">c</div>
			<div class="span6">6</div>
    	</div>
    	<div class="row">
    		<div class="span1">1</div>
    		<div class="span1">1</div>
    		<div class="span1">1</div>
    		<div class="span1">1</div>
    		<div class="span1">1</div>
    		<div class="span1">1</div>
    		<div class="span1">1</div>
    		<div class="span1">1</div>
    		<div class="span1">1</div>
    	</div>
    	<div class="row">
    		<div class="span2">2</div>
    		<div class="span3">3</div>
    		<div class="span4">4</div>
    	</div>
    	<div class="row">
			<div class="span9">
				Level 1 Column
				<div class="row">
					<div class="span6">Level 2</div>
					<div class="span3">Level 2</div>
				</div>
    	</div>
    </div>
</body>
<script src="http://code.jquery.com/jquery.js"></script> 
<script src="js/bootstrap.min.js"></script>
</html>